﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Query>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>ContactForm</title>
    
    <style type="text/css">
        body{
            color: #444242;
            font-size: 69%;
            font-family: Arial, Tahome, Verdana, Helvetica, Trebuchet MS, Trebuchet;
        }
        label{
            float:left;
            font-weight:bold;
            padding-top:4px;
            width:100px;
        }
    label.error{color:red; float:right; width:95px}
        .text, textarea {
            border:1px inset #484848;
            color:#000000;
            padding:4px;
            width:200px;
        }


        body#colourcatcher h2{color:Red;}
        body#vapet h2{color:blue;}
        body#getoff h2{color:green;}
        body#spotlesspunch h2{color:Aqua;}
        
    
    #ContactForm div.formDiv{padding:0 0 10px 0;
                             clear:both;}
    </style>
   
   <script type="text/javascript" src="http://www.armfelt.co.uk/dev/spotless/Scripts/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://www.armfelt.co.uk/dev/spotless/Scripts/jquery.validate.min.js" ></script>
    
     <script>
         $(document).ready(function() {
             $("#ContactForm").validate();
            
         });
  </script>

</head>


<body id="<%=ViewData["sid"] %>">

<span style="display:none">(<%=ViewData["sid"] %>)</span>



 <%= Html.ValidationSummary(true, "There were some errors with your form. Please correct and try again") %>
    
    <form method="post" id="ContactForm" class="faux_form" action="http://consumerenquiries.spotlesspunch.co.uk/Enquiry/contactform/"> 
    <%--<% using (Html.BeginForm("ContactForm", "Enquiry", FormMethod.Post, new { id = "ContactForm", @class = "faux_form" }))       {%> --%>

    
    <div class="formDiv">
                <% if ((string)ViewData["sid"] == "colourcatcher")
                { %>
                    <input type="hidden" value="1" name="CategoryId" id="CategoryId">
                                        
                    <label for="ProductId">Product</label>
                    <select class="spDdl text required" name="ProductId" id="ProductId">
	                    <option value="">Please select</option>
	                    <option value="1">Colour catcher</option>
	                    <option value="2">Colour catcher +Oxi</option>
	                    <option value="3">Ultra Whitener +Oxi</option>
                    </select>
                
                
                <% }
                   else if ((string)ViewData["sid"] == "dylon")
                { %>
                
                <input type="hidden" value="2" name="CategoryId" id="CategoryId">
                                        
                    <label for="ProductId">Product</label>
                    <select class="spDdl text required" name="ProductId" id="ProductId">
	                    <option value="">Please select</option>
	                    <option value="37">WASH &amp; DYE</option>
	                    <option value="38">MACHINE DYE</option>
	                    <option value="39">HAND DYE</option>
	                    <option value="40">PRE-DYE</option>
	                    <option value="41">MULTI-PURPOSE DYE 500G</option>
	                </select>
                
                
                <% }
                   else if ((string)ViewData["sid"] == "vapet")
                { %>
                    <input type="hidden" value="7" name="CategoryId" id="CategoryId">
                    <input type="hidden" value="164" name="ProductId" id="ProductId">
                <% }
                   else if ((string)ViewData["sid"] == "getoff")
                { %>
                    <input type="hidden" value="5" name="CategoryId" id="CategoryId">
                    <input type="hidden" value="153" name="ProductId" id="ProductId">

                <% }
                   else if ((string)ViewData["sid"] == "spotlesspunch")
                { %>
                    
                    <script type="text/javascript">
                        $(document).ready(function() {
                            $("#ContactForm").validate();
                            $("select.spDdl").change(function() {

                                if ((this).value == "1" || (this).value == "10" ||(this).value == "15"){
                                    $("#CategoryId").val('1');
                                }
                                else if ((this).value == "37" ||(this).value == "38" ||(this).value == "39" ||(this).value == "40" ||(this).value == "41"){
                                    $("#CategoryId").val('2');
                                }
                                else if ((this).value == "70" ||(this).value == "57" || (this).value == "64") {
                                    $("#CategoryId").val('3');
                                }
                                else if ((this).value == "87" ||(this).value == "91" ||(this).value == "96"){
                                    $("#CategoryId").val('4');
                                }
                                
                                else if ((this).value == "153"|| (this).value == "115") {
                                    $("#CategoryId").val('5');
                                }
                                else if ((this).value == "164") {
                                    $("#CategoryId").val('7');
                                }
                            });
                        });
                    </script>
                    
                    <label for="ProductId">Product</label>
                    
                    <select class="spDdl text required" name="ProductId" id="ProductId">
	                    <option value="">Please select</option>
	                    
	                    <optgroup label="Colour Catcher">
	                        <%--cid=1--%>
	                        <option value="1">COLOUR CATCHER</option>
	                        <option value="10">COLOUR CATCHER  +OXI</option>
	                        <option value="15">ULTRA WHITENER +OXI</option>
	                    </optgroup>
	                    
	                    <optgroup label="Dylon">
	                        <%--cid=2--%>
    	                    <option value="37">WASH &amp; DYE</option>
    	                    <option value="38">MACHINE DYE</option>
    	                    <option value="39">HAND DYE</option>
    	                    <option value="40">PRE-DYE</option>
    	                    <option value="41">MULTI-PURPOSE DYE 500G</option>
    	                </optgroup>
	                    
	                    <optgroup label="Vim">
	                        <%--cid=3--%>                    
	                        <option value="70">Vim</option>3
	                    </optgroup>
	                    
	                    <optgroup label="Oust" >
	                        <%--cid=3--%>
	                        <option value="57">Oust descaler</option>3
	                    </optgroup>
	                    
	                    <optgroup label="Vim">
	                        <option value="64">Lord sheraton</option>3
	                    </optgroup>
	                    
	                    <optgroup label="Punch">
	                        <%--cid=4--%>
	                        <option value="87">AEROSOLS</option>
	                        <option value="91">SHOE COLOURANTS</option>
	                        <option value="96">CREAMS &amp; POLISHES</option>
	                    </optgroup>
	                    
	                    
	                    <%--<option value="">Vape</option>--%>
	                    <optgroup label="Get-Off">
	                        <option value="153">Get-Off</option>
	                    </optgroup>
	                    
	                    <optgroup label="Vapet">
	                        <option value="164">Vapet</option>
	                    </optgroup>
	                    <optgroup label="Fito">
	                        <option value="115">Fito</option>
	                    </optgroup>
                    </select>
                    <input type="hidden" value="" name="CategoryId" id="CategoryId" >
                    <%--<input type="hidden" value="153" name="ProductId" id="Hidden2">--%>

                <% } %>
                
         </div>
    
    <div class="formDiv">
        <label for="QueryTypeId">Query Type</label>
        <select name="QueryTypeId" id="QueryTypeId" class="text required "><option value="">choose an option</option>
            <option value="2">Enquiry</option>
            <option value="3">Complaint</option>
        </select>
    </div>
    
    <div>
    <input type="hidden" value="<% Response.Write(DateTime.Now);%>" name="EnquiryDate" id="EnquiryDate" class="text required">
    </div>
    <div>
    <input type="hidden" value="Website" name="Source" id="Source" class="text required">
    </div>


    <div>
    <input type="hidden" value="1" name="Priority" id="Priority" class="text required">
    </div>

    <div>
        <input type="hidden" value="Not_Started" name="Status" id="Status" class="text required">
    </div>
    <div>
        <input type="hidden" value="1" name="PaymentTypeId" id="PaymentTypeId" class="text required">
    </div>
    
    <div class="formDiv">
        <label for="FreeTextArea">Free Text Area</label>
        <textarea rows="4" name="FreeTextArea" id="FreeTextArea" cols="10" class="textarea required"></textarea>
    </div>
            

                    <div id="contactDetails">
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.FirstName)%>
                            <%= Html.TextBoxFor(m => m.FirstName, new { @class = "text required" })%>
                            <%= Html.ValidationMessageFor(m => m.FirstName) %>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.LastName)%>
                            <%= Html.TextBoxFor(m => m.LastName, new { @class = "text required" })%>
                            <%= Html.ValidationMessageFor(m => m.LastName)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.Email)%>
                            <%= Html.TextBoxFor(m => m.Email, new { @class = "text email required" })%>
                            <%= Html.ValidationMessageFor(m => m.Email)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.Telephone)%>
                            <%= Html.TextBoxFor(m => m.Telephone, new {@class = "text"}) %>
                            <%= Html.ValidationMessageFor(m => m.Telephone)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.AddressLine1)%>
                            <%= Html.TextBoxFor(m => m.AddressLine1, new {@class = "text"}) %>
                            <%= Html.ValidationMessageFor(m => m.AddressLine1)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.AddressLine2)%>
                            <%= Html.TextBoxFor(m => m.AddressLine2, new {@class = "text"}) %>
                            <%= Html.ValidationMessageFor(m => m.AddressLine2)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.Town)%>
                            <%= Html.TextBoxFor(m => m.Town, new {@class = "text"}) %>
                            <%= Html.ValidationMessageFor(m => m.Town)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.County)%>
                            <%= Html.TextBoxFor(m => m.County, new {@class = "text"}) %>
                            <%= Html.ValidationMessageFor(m => m.County)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.PostCode)%>
                            <%= Html.TextBoxFor(m => m.PostCode, new { @class = "text" })%>
                            <%= Html.ValidationMessageFor(m => m.PostCode)%>
                        </div>
                        <div class="formDiv">
                            <%= Html.LabelFor(m => m.Country)%>
                            <%= Html.TextBoxFor(m => m.Country, new {@class = "text"}) %>
                            <%= Html.ValidationMessageFor(m => m.Country)%>
                        </div>
                    </div>
            
                    
            
            
            
                <input type="submit" value="Submit" />
            
</form>
    <%--<% } %>--%>


</body>
</html>

